<!DOCTYPE html>
<html>
<head>
  <title>React 实例1 - Hello World</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

  <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
  <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
  <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>

<body>

  <div class="container">
    <h2 class="text-muted"> React 示例1 - Hello World </h2>
    <div id="practice" class="container">
  	
  </div>
</div>

<script type="text/babel">
  // 定义要展示的元素
  const helloWorld =  <label className="text-success"> Hello World, This is a React practice </label>;

  // 展示在页面
  ReactDOM.render(helloWorld, document.getElementById("practice"));


</script>

</body>
</html>